<template>
    <div
        class="video-player"
        :style="{ width: width + 'px', height: height + 'px' }"
    >
        <video :src="src" muted loop autoplay="autoplay"></video>
        
    </div>
</template>

<script>
    import { URLHEAD } from "@/config/global";
    export default {
        name: "",
        data() {
            return {};
        },
        props: {
            src: String,
            width: Number,
            height: Number,
            title: String,
            fullscreenEnable: {
                type: Boolean,
                default: true,
            },
        },
        methods: {
            requestFullScreen() {
                this.$emit("on-fullscreen-click", {
                    url: this.src,
                    title: this.title,
                });
            },
        },
    };
</script>

<style lang="less" scoped>
    video {
        width: 100%;
        height: 100%;
    }
</style>